<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <title>注册铁蟹网</title>
    <link rel="stylesheet" href="../../css/api.css">
    <link rel="stylesheet" href="../../css/vant.css">
    <link rel="stylesheet" href="../../css/main.css">
    <style>
        .van-divider {
            color: #000;
            margin-top: .49rem;
        }

        .login-form {
            width: 3rem;
            height: 2rem;
        }
    </style>
</head>

<body>
    <div class="app page-container" v-cloak>
        <div class="login-bg">
            <div class="login">
                <div class="login-title">欢迎登录</div>
                <div class="login-item flex-x-sb">
                    <input type="tel" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')" placeholder="请输入手机号"
                        v-model="phone">
                </div>
                <div class="login-item flex-x-sb">
                    <input type="tel" maxlength="4" oninput="value=value.replace(/[^\d]/g,'')" placeholder="请输入验证码"
                        v-model="code" ref="codeText">
                    <div v-show="(codeStatus == 1 || codeStatus == 3)" class="code"
                        id="TencentCaptcha">
                        {{codeStatus == 1?'获取验证码':'重新获取'}}
                    </div>
                    <div class="code" v-show="codeStatus == 2">{{count}}s后重新获取</div>
                </div>
                <div id="captcha_register">

                </div>
                <div class="login-btn flex-x-c" @click="login">
                    <div>登录</div>
                </div>
                <div class="login-btn flex-x-c login-once" @click="oneLogin" v-if="isOneLogin">
                    <div>一键登录</div>
                </div>
            </div>
        </div>
    </div>
    <script src="../../script/api.js"></script>
    <script src="../../script/flexible.js"></script>
    <script src="../../script/fastclick.js"></script>
    <script src="../../script/vue.min.js"></script>
    <script src="../../script/iconfont.js"></script>
    <script src="../../script/vant.min.js"></script>
    <script src="../../script/common.js"></script>
    <script src="../../script/gt.js"></script>
    <script src="../../script/restful.js"></script>
    <script src="../../script/businessCommon.js"></script>
    <script src="../../script/TCaptcha.js"></script>
    <script>
        // vm = new Vue({
        //     el: '.app',
        //     data: {
        //         active: 0,
        //         phone: '',
        //         code: '',
        //         codeStatus: 1,
        //         count: 59,
        //     },
        //     mounted: function () {
        //         this.initGT()
        //         this.init007()
        //     },
        //     methods: {
        //         login() {
        //             if (!this.checkPhoneNumber()) {
        //                 return false
        //             }
        //             if (this.code == '') {
        //                 toastMiddle('请输入验证码')
        //                 return false;
        //             }

        //         },

        //         // 检查手机号
        //         checkPhoneNumber: function () {
        //             if (!(/^1[3456789]\d{9}$/.test(this.phone))) {
        //                 toastMiddle('请输入正确的手机号')
        //                 return false;
        //             }
        //             return true;
        //         },

        //         /**
        //          * 腾讯防水墙验证
        //          * @param randStr
        //          * @param ticket
        //          */
        //         verify: function (randStr, ticket) {
        //             let vm = this
        //             if (!vm.checkPhoneNumber()) {
        //                 return false
        //             }
        //             fnGet(interfaces.TWF, { randStr: randStr, ticket: ticket }, false, (ret, err) => {
        //                 if (ret && ret.code === RESPONSE_OK) {
        //                     if (ret.data) {
        //                         vm.sendCode(vm.phone)
        //                     } else {
        //                         toastBottom('验证错误！')
        //                     }
        //                 } else {
        //                     toastBottom(ret ? ret.msg : '')
        //                 }
        //             })
        //         },

        //         init007: function () {
        //             let vm = this
        //             //方法1: 直接生成一个验证码对象
        //             let tct = new TencentCaptcha('2056551117', function (res) {
        //                 // 验证码的回调函数
        //                 if (res.ret === 0) {
        //                     // 票据
        //                     let ticket = res.ticket;
        //                     let randstr = res.randstr;
        //                     vm.verify(randstr, ticket)
        //                 }
        //             }
        //             );// 显示验证码
        //             document.getElementById("TencentCaptcha").addEventListener("click", function () {
        //                 if (!vm.checkPhoneNumber()) {
        //                     return false
        //                 }
        //                 tct.show(); // 显示验证码
        //             })
        //         },
        //     },
        // })
    </script>
</body>

</html>